<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>	
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<html>
<head>


<link href="http://localhost:8080/resources/resources/chosen/chosen.css"  rel="stylesheet" type="text/css" />
<link href="http://localhost:8080/resources/resources/css/application.css"  rel="stylesheet" type="text/css" />
<link href="http://localhost:8080/resources/resources/css/bread-curm-navigation.css"  rel="stylesheet" type="text/css" />
<link href="http://localhost:8080/resources/resources/toolbars/css/jquery.toolbars.css"  rel="stylesheet" type="text/css" />
<link href="http://localhost:8080/resources/resources/jquery/css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<!-- <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>    
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
 -->
	
	<script src="http://localhost:8080/resources/resources/jquery/js/jquery-1.8.3.js"></script>
	<script src="http://localhost:8080/resources/resources/jquery/js/jquery-ui.js"></script> 
	<script src="http://localhost:8080/resources/resources/jquery/js/jquery-ui-1.9.2.custom.js"></script> 
	
	<!-- <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> -->
	<script  src="http://localhost:8080/resources/resources/js/application.js" type="text/javascript"></script>
	<!-- <script  src="http://localhost:8080/resources/resources/js/menus_actions.js" type="text/javascript"></script> -->
	<script src="http://localhost:8080/resources/resources/chosen/chosen.jquery.js"></script>
	<script src="http://localhost:8080/resources/resources/js/jquery.inputmask.date.extensions.js"></script>
	<script src="http://localhost:8080/resources/resources/js/jquery.inputmask.js"></script>
	<script src="http://localhost:8080/resources/resources/js/jquery.inputmask.numeric.extensions.js"></script>
	<script src="http://localhost:8080/resources/resources/toolbars/js/jquery.toolbar.js"></script>
	
	<link rel="stylesheet" href="http://localhost:8080/resources/resources/pqgrid/pqgrid.min.css" />
	<link rel="stylesheet" href="http://localhost:8080/resources/resources/pqgrid/themes/Office/pqgrid.css" />
    <script src="http://localhost:8080/resources/resources/pqgrid/pqgrid.dev.js"></script>
<!--PQ Grid Office theme-->
    
<jsp:include page="/WEB-INF/common/common_script.jsp"></jsp:include>	
<title>Finance Application</title>
</head>
<body>
<div id='mainBody'>

 <tiles:insertAttribute name="menu" />
  <div style="display:block;">
  <div class="textbox" id="mainContentBody"><tiles:insertAttribute name="content" />
  </div>
  </div>
  <div id="_boxContainer" class="box"><div class="close">X</div></div>
  
</div>
  <script>
  $(function () {
	  
		 $( "#_boxContainer" ).draggable({ containment: "body",scroll: true });
		
  });
  
  </script>
  


<style>



.box {
     background: -moz-linear-gradient(center top , #F8F8F8 0%, #DDDDDD 100%) repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 15px #999999;
    color: white;
    display: none;
    padding: 10px;
    position: absolute;
   
}
.box .label{ color: green;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px}
.box table{padding-left:10px;padding-right:10px;padding-bottom:10px;}
.box tr{height:25px;}
.box .divider{width:25px;text-align:center}

.box .box-header {
    border-bottom: 1px solid lightgray;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-shadow: 0 0 1px #FFFFFF, 3px 3px 5px #FFFFFF, -3px -3px 5px #FFFFFF, -3px 3px 5px #FFFFFF, 3px -3px 5px #FFFFFF;
}


</style>
</body>
</html>
